<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>长轮询</title>
</head>
<body>
<div id="clock">

</div>
<script>
  const clock = document.querySelector('#clock');

  function send(){
    const xhr = new XMLHttpRequest();
    xhr.open('GET', '/clock', true);
    xhr.onreadystatechange = function () {
      if (xhr.readyState == 4 && xhr.status == 200) {
        clock.innerHTML = xhr.responseText;
        send(); // ←接受到返回后再发送下次的 //todo 如果没有返回
      }
    };
    xhr.send();
    /*
    打开控制台 network 查看xhr 你可以发现会pending一段时间
    * */
  }

  send();
</script>
</body>
</html>
